<template>
  <div class="admin-top">
    <el-row :gutter="20">
      <el-col :span="4" style="margin-left:20px">
        <div class="grid-content bg-purple left-item">
          <info-tree title="hahaha" />
        </div></el-col>
      <el-col :span="19"><div class="grid-content bg-purple top">
        <h3 class="top-title">机构信息</h3>
        <ul>
          <li class="first-li">
            <span>机构编号
              <el-input type="text" size="medium" disabled placeholder="" /></span>
            <span>机构名称
              <el-input type="text" size="medium" disabled /></span>
            <span>机构类型
              <el-select type="text" size="medium" disabled /></span>
          </li>
          <li class="second-li">
            <span>机构地址
              <el-select type="text" size="medium" disabled placeholder="" />
              <el-select type="text" size="medium" disabled placeholder="" />
              <el-select type="text" size="medium" disabled placeholder="" /></span>
          </li>
          <li class="first-li">
            <span>详细地址
              <el-input type="text" size="medium" disabled placeholder="" /></span>
            <span style="margin-left:33px">经度
              <el-input type="text" size="medium" disabled /></span>
            <span style="margin-left:33px">纬度
              <el-input type="text" size="medium" disabled /></span></li>
          <li class="third-li">
            <span>机构负责人
              <el-input type="text" size="medium" disabled placeholder="" /></span>
            <span>机构电话
              <el-input type="text" size="medium" disabled /></span></li>
        </ul>
      </div>
      </el-col>
      <el-col :span="19" style="margin-top:20px"><div class="grid-content bg-purple main"><h3 class="main-title">员工信息</h3>
        <div class="picture"><img src="@/assets/bigbox.png" alt="">
          <span style="color: rgb(129, 134, 147)">这里空空如也~</span>
        </div>
      </div></el-col>

    </el-row>
    <div class="footer">
      <span style="margin-right:40px">江苏传智播客教育科技股份有限公司</span><span style="margin-right:40px">版权所有Copyright 2006-2022 All Rights Reserved </span><span>苏ICP备16007882号-11</span>
    </div>
  </div>
</template>

<script>
import InfoTree from '@/views/DataManagement/components/InfoTree.vue'
import '@/styles/datamanagement.scss'
export default {
  components: { InfoTree }

}
</script>

<style scoped lang="scss">

.admin-top{
  margin-top: 70px;
}
.el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #fafafa;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
  .left-item{
    height: 900px;
  }
</style>
